import React from "react";
import { Button } from "antd";
import axios from "axios";

export default function Home() {
  const ajax = () => {
    //  查询数据
    /* axios.get('http://localhost:8000/posts').then(res=>{
             console.log('res',res)
         }) */
    //  增加数据,注意id不需要传，因为数据库会自动加上id，并且是自增长的
    /* axios.post("http://localhost:8000/posts", {
      title: "json-server3",
      author: "typicode3",
    }).then(res=>{
        console.log('res',res)
    }).catch(err=>{
        console.log('err',err);
    }); */
    // 注意是post不是Posts!API这样规定的！
    axios.get("http://localhost:8000/comments?_expand=post").then(res=>{
        console.log('res',res)
    }).catch(err=>{
        console.log('err',err);
    });
    // /posts?_start=20&_end=30
  };
  return (
    <div>
      <Button type="primary" onClick={ajax}>
        Button
      </Button>
    </div>
  );
}
